@charset "utf-8";
/* CSS Document */
body {
  color:#FFFFFF;
  background-color:#251c6b;
  font-family:"微软雅黑";
}

.body {
  position:relative;
  max-width:360px;
  margin:0 auto;
}

.body .bg {
  position:absolute;
  top:0px;
  left:0px;
  z-index:0 ;
}

.body .bg img {
  width:100%;
}

.body .light{
  position:absolute;
  width:100%;
  height:360px;
  text-align:center;
  top:-20px;
  left:0px;
  z-index:1 ;
}

.body .light img{
  width:100%;
}

.body .title {
  position:relative;
  z-index:100;
  text-align:center;
  padding-top:260px;
  text-shadow:0 1px 3px #3e42a6, 0 1px 3px #3e42a6, 0 1px 3px #3e42a6, 0 1px 3px #3e42a6, 0 1px 3px #3e42a6, 0 1px 3px #3e42a6, 0 1px 3px #3e42a6;
  padding-bottom:30px;
}

.body .button-layout {
  position:relative;
  z-index:100;
  text-align:center;
  margin-bottom:30px;
}

.body .button-layout .home-btn {
  display:inline-block;
  width:35%;
  height:100px;
  text-indent:-9999px;
  
}

.body .button-layout .home-btn.my_box {
  background:url(images/btn_see.png) 100% 100% no-repeat;
  background-size:100%;
}

.body .button-layout .home-btn.take_box_again {
  background:url(images/btn_again.png) 100% 100% no-repeat;
  background-size:100%;
}

.body .button-layout .home-btn.take_box {
  background:url(images/btn_take.png) 100% 100% no-repeat;
  background-size:100%;
}

.body .link-info {
  position:relative;
  z-index:100;
  text-align:center;
  max-width:200px;
  margin:0 auto;
  font-size:16px;
  margin-bottom:10px;
  border-bottom:1px solid #FFFFFF;
  padding-bottom:6px;
}

.body .link-info a {
  color:#FFFFFF;
}

.body .link-info a:hover {
  text-decoration:none;
}

.body .num-info {
  position:relative;
  z-index:100;
  text-align:center;
  color:#918ed0;
  font-size:13px;
  margin-bottom:16px;
}

.body .num-info span {
  color:#FFFFFF;
  font-weight:bold;
}

.body .author-info {
  position:relative;
  z-index:100;
  text-align:center;
  color:#918ed0;
  font-size:13px;
}

.body .author-info span {
  color:#FFFFFF;
  font-weight:bold;
}

.list-nav {
}

.list-nav li {
  width:49%;
}

.list-nav li a {
  background-color:#dccfe2;
}

.list-nav li img {
  width:100%;
}

.modal-inner {
  display:none;
  color:#333333;
  padding:24px;
}

.table-sample thead tr{
  margin-bottom:10px;
}

.table-sample thead th{
  padding:18px 8px;
}

.table-sample tbody td{
  padding:8px;
}

.common-body {
  width:100%;
  background:url(images/bg_common.jpg) 50% 0 no-repeat;
  min-height:480px;
}

.common-body-inner {
  max-width:360px;
  margin:0 auto;
}

.img-info {
  position:relative;
  z-index:100;
  text-align:center;
  margin-bottom:16px;  
}

.img-info img {
  width:68%;
}

.box-slider {}

.box-slider .boxes {
  position:relative;
  z-index:300;
  width:100%;
  height:160px;
  margin:0px;
  padding:0px;
  list-style:none;
  overflow:hidden;
}

.box-slider .boxes li {
  width:100%;
  height:160px;
  position:absolute;
  top:0px;
  left:0px;
}

.box-slider .boxes .prize_1 {
  background:url(images/icon_prize1.png) 50% 0 no-repeat;
  background-size:40%;
}

.box-slider .boxes .prize_2 {
  background:url(images/icon_prize2.png) 50% 0 no-repeat;
  background-size:40%;
}

.box-slider .boxes .prize_3 {
  background:url(images/icon_prize3.png) 50% 0 no-repeat;
  background-size:40%;
}

.box-slider .boxes .prize_4 {
  background:url(images/icon_prize4.png) 50% 0 no-repeat;
  background-size:40%;
}

.box-slider .boxes .prize_5 {
  background:url(images/icon_prize5.png) 50% 0 no-repeat;
  background-size:40%;
}

.box-slider .num-tip {
  position:relative;
  width:100%;
  height:20px;
  text-align:center;
  line-height:20px;
  z-index:301;
}

.box-slider .num-tip span{
  display:inline-block;
  width:6px;
  height:6px;
  border:1px solid #FFFFFF;
  border-radius:4px;
}

.box-slider .num-tip .active {
  background:#FFFFFF;
}

.button-info {
  position:relative;
  z-index:100;
  text-align:center;
  margin-top:20px;
  margin-bottom:16px;   
}

.button-info a {
  display:inline-block;
  width:40%;
}

.button-info a img {
  width:100%;
}

.adv-img {
  position:relative;
  z-index:3;
  padding:40px 0 40px;
  text-align:center;
}

.adv-img img {
  width:80%;
}

.detail-info {
  padding:0px 16px;
}

.my-dl-horizontal {
  padding:0px 16px;
  width:100%;
  padding-bottom:30px;
}

.my-dl-horizontal dt {
  float:left;
  width:80px;
  text-align:right;
}

.my-dl-horizontal dd {
  padding-bottom:10px;
}

.box-gift {
  width:100%;
  text-align:center;
  color:#333333;
}

.box-gift img {
  width:30%;
}

.ios_alert_body i {
  font-size:20px;
}

@keyframes around {
	from { transform: rotate(0deg); }
	to   { transform: rotate(360deg); }
}

@-webkit-keyframes around
{
  from { -webkit-transform:rotate(0deg); }
  to   { -webkit-transform:rotate(360deg); }
}

.light	{ /* 表现动画效果 */
  -webkit-animation:around 40000ms infinite; 
          animation:around 40000ms infinite;
}